<script setup>
import {useRouter} from "vue-router";
import Card from "@/components/Card.vue"
const router=useRouter()
const jumpFn = () => {
  router.push('/Details')
}
</script>

<template>
  <Card></Card>
  <div
      @click="jumpFn"
      class="w-full mt-[10px] flex items-center padding backgroundColor roundCorner">
    <van-image
        width="60"
        height="60"
        src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
    />
    <div class="ml-[10px] h-full w-[calc(100%-70px)] flex flex-col mt-[10px]">
      <div class="text-[12px] w-full text-ellipsis whitespace-nowrap overflow-hidden">
        哈哈哈哈哈哈嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿和嘿嘿和和
      </div>
      <div class="mt-[10px] text-[12px] text-[#999] text-ellipsis whitespace-nowrap overflow-hidden">DYJ</div>
      <div class="elasticity mt-[15px]">
        <div class="flex items-center">
          <div class="text-[14px]">总价：</div>
          <div class="text-[14px] text-[#FF4000]">￥66.66</div>
        </div>
        <div class="text-[#999] text-[12px]">库存500台</div>
      </div>
    </div>
  </div>
</template>

<style scoped>

</style>